<template>
  <div class="el-card__body">
    <div  class="el-row">
      <div  class="el-col el-col-8">
        云端数据接收时间：2025-06-27 10:44:37
      </div>
      <div  class="el-col el-col-8">
        煤矿上传时间：2025-06-27 10:44:30
      </div>
    </div>
    <div  class="total el-row">
      <!----><!---->
      <div  class="el-col el-col-4">局扇对数：1对</div>
      <div  class="el-col el-col-4">实际上传点位：14个</div>
    </div>
    <!---->
    <div
      class="el-row"
      style="margin-left: -12px; margin-right: -12px"
    >
      <div
        class="el-card is-never-shadow"
        style="margin-bottom: 20px"
      >
        <!---->
        <div class="el-card__body">
          <div
            class="danger-box el-col el-col-3"
            style="padding-left: 12px; padding-right: 12px"
          ></div>
          <div
            class="el-col el-col-7"
            style="padding-left: 12px; padding-right: 12px"
          >
            <div
              
              class="el-col el-col-24"
              style="padding-left: 12px; padding-right: 12px"
            >
              <h4  style="text-align: center">
                1103_局扇风机34
              </h4>
              <div  class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 风速：</span
                    ><!---->
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>0.9</span
                      ><span
                        ><div
                          role="tooltip"
                          id="el-popover-6658"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <!---->
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                          <!---->
                        </div>
                        <span class="el-popover__reference-wrapper"></span
                      ></span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"><div>m/s</div></div>
                </div>
              </div>
              <div  class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 瓦斯浓度：</span
                    ><!---->
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>0.0</span
                      ><span
                        ><div
                          role="tooltip"
                          id="el-popover-3746"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <!---->
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                          <!---->
                        </div>
                        <span class="el-popover__reference-wrapper"></span
                      ></span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"><div>%</div></div>
                </div>
              </div>
            </div>
          </div>
          <div
            
            class="el-col el-col-7"
            style="padding-left: 12px; padding-right: 12px"
          >
            <h4  style="text-align: center">主机</h4>
            <div
              
              style="
                display: flex;
                justify-content: space-around;
                align-items: center;
                padding: 10px;
              "
            >
              <div
                
                class="el-image"
                style="width: 200px; height: auto"
              >
                <img
                  src="../../assets/images/js_0.5d907146.png"
                  alt="alt"
                  class="el-image__inner"
                /><!---->
              </div>
            </div>
            <div  class="m-btn">
              <div class="m-btn-box el-row">
                <div class="m-btn-label el-col el-col-11">
                  <span> 运行状态：</span
                  ><!---->
                </div>
                <div class="m-btn-content el-col el-col-10">
                  <div class="m-btn-item">
                    <span>停止</span
                    ><span
                      ><div
                        role="tooltip"
                        id="el-popover-4197"
                        aria-hidden="true"
                        class="el-popover el-popper"
                        style="display: none"
                      >
                        <!---->
                        <div class="el-row">
                          <div class="el-col el-col-24">本次运行时长：23</div>
                          <div class="el-col el-col-24">累计运行时长：23</div>
                        </div>
                        <!---->
                      </div>
                      <span class="el-popover__reference-wrapper"></span
                    ></span>
                  </div>
                </div>
                <div class="m-btn-unit el-col el-col-3"></div>
              </div>
            </div>
            <div  class="m-btn">
              <div class="m-btn-box el-row">
                <div class="m-btn-label el-col el-col-11">
                  <span> 电流：</span
                  ><!---->
                </div>
                <div class="m-btn-content el-col el-col-10">
                  <div class="m-btn-item">
                    <span>0.0</span
                    ><span
                      ><div
                        role="tooltip"
                        id="el-popover-2354"
                        aria-hidden="true"
                        class="el-popover el-popper"
                        style="display: none"
                      >
                        <!---->
                        <div class="el-row">
                          <div class="el-col el-col-24">本次运行时长：23</div>
                          <div class="el-col el-col-24">累计运行时长：23</div>
                        </div>
                        <!---->
                      </div>
                      <span class="el-popover__reference-wrapper"></span
                    ></span>
                  </div>
                </div>
                <div class="m-btn-unit el-col el-col-3"><div>A</div></div>
              </div>
            </div>
            <div  class="m-btn">
              <div class="m-btn-box el-row">
                <div class="m-btn-label el-col el-col-11">
                  <span> 电压：</span
                  ><!---->
                </div>
                <div class="m-btn-content el-col el-col-10">
                  <div class="m-btn-item">
                    <span>711.0</span
                    ><span
                      ><div
                        role="tooltip"
                        id="el-popover-343"
                        aria-hidden="true"
                        class="el-popover el-popper"
                        style="display: none"
                      >
                        <!---->
                        <div class="el-row">
                          <div class="el-col el-col-24">本次运行时长：23</div>
                          <div class="el-col el-col-24">累计运行时长：23</div>
                        </div>
                        <!---->
                      </div>
                      <span class="el-popover__reference-wrapper"></span
                    ></span>
                  </div>
                </div>
                <div class="m-btn-unit el-col el-col-3"><div>V</div></div>
              </div>
            </div>
          </div>
          <div
            
            class="el-col el-col-7"
            style="padding-left: 12px; padding-right: 12px"
          >
            <h4  style="text-align: center">备机</h4>
            <div
              
              style="
                display: flex;
                justify-content: space-around;
                align-items: center;
                padding: 10px;
              "
            >
              <div
                
                class="el-image"
                style="width: 200px; height: auto"
              >
                <img
                  src="../../assets/images/js_0.5d907146.png"
                  alt="alt"
                  class="el-image__inner"
                /><!---->
              </div>
            </div>
            <div  class="m-btn">
              <div class="m-btn-box el-row">
                <div class="m-btn-label el-col el-col-11">
                  <span> 运行状态：</span
                  ><!---->
                </div>
                <div class="m-btn-content el-col el-col-10">
                  <div class="m-btn-item">
                    <span>停止</span
                    ><span
                      ><div
                        role="tooltip"
                        id="el-popover-1347"
                        aria-hidden="true"
                        class="el-popover el-popper"
                        style="display: none"
                      >
                        <!---->
                        <div class="el-row">
                          <div class="el-col el-col-24">本次运行时长：23</div>
                          <div class="el-col el-col-24">累计运行时长：23</div>
                        </div>
                        <!---->
                      </div>
                      <span class="el-popover__reference-wrapper"></span
                    ></span>
                  </div>
                </div>
                <div class="m-btn-unit el-col el-col-3"></div>
              </div>
            </div>
            <div  class="m-btn">
              <div class="m-btn-box el-row">
                <div class="m-btn-label el-col el-col-11">
                  <span> 电流：</span
                  ><!---->
                </div>
                <div class="m-btn-content el-col el-col-10">
                  <div class="m-btn-item">
                    <span>0.0</span
                    ><span
                      ><div
                        role="tooltip"
                        id="el-popover-8325"
                        aria-hidden="true"
                        class="el-popover el-popper"
                        style="display: none"
                      >
                        <!---->
                        <div class="el-row">
                          <div class="el-col el-col-24">本次运行时长：23</div>
                          <div class="el-col el-col-24">累计运行时长：23</div>
                        </div>
                        <!---->
                      </div>
                      <span class="el-popover__reference-wrapper"></span
                    ></span>
                  </div>
                </div>
                <div class="m-btn-unit el-col el-col-3"><div>A</div></div>
              </div>
            </div>
            <div  class="m-btn">
              <div class="m-btn-box el-row">
                <div class="m-btn-label el-col el-col-11">
                  <span> 电压：</span
                  ><!---->
                </div>
                <div class="m-btn-content el-col el-col-10">
                  <div class="m-btn-item">
                    <span>703.0</span
                    ><span
                      ><div
                        role="tooltip"
                        id="el-popover-7288"
                        aria-hidden="true"
                        class="el-popover el-popper"
                        style="display: none"
                      >
                        <!---->
                        <div class="el-row">
                          <div class="el-col el-col-24">本次运行时长：23</div>
                          <div class="el-col el-col-24">累计运行时长：23</div>
                        </div>
                        <!---->
                      </div>
                      <span class="el-popover__reference-wrapper"></span
                    ></span>
                  </div>
                </div>
                <div class="m-btn-unit el-col el-col-3"><div>V</div></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        data-v-4b6b6d90=""
        
        class="el-dialog__wrapper"
        style="display: none"
      >
        <div
          role="dialog"
          aria-modal="true"
          aria-label="dialog"
          class="el-dialog el-dialog--center"
          style="margin-top: 15vh; width: 50%"
        >
          <div class="el-dialog__header">
            <span class="el-dialog__title"></span
            ><button
              type="button"
              aria-label="Close"
              class="el-dialog__headerbtn"
            >
              <i class="el-dialog__close el-icon el-icon-close"></i>
            </button>
          </div>
          <!----><!---->
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { getToken } from "@/utils/auth";
import Sortable from "sortablejs";

export default {
  name: "VentilationSystemLocalFan"
};
</script>

<style scoped lang="scss">
.el-row {
  margin-bottom: 20px;
}
.el-card__body {
  padding: 20px;
  .el-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    .el-col {
      margin-bottom: 8px;
    }
    .el-col-8 {
      width: 33.33333%;
    }
    .el-col-24 {
      width: 100%;
    }
  }
  .total {
    margin-bottom: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #b2b2b2;
    .el-col {
      margin-bottom: 8px;
    }
    .el-col-4 {
      width: 16.66667%;
    }
  }
  .danger-box {
    padding: 20px 0;
  }
  .el-col {
    margin-bottom: 8px;
    .m-btn {
      margin-bottom: 10px;
      .m-btn-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        .m-btn-unit {
          text-align: left;
          padding-left: 10px;
          height: 40px;
          line-height: 40px;
        }
        .m-btn-content {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          font-size: 15px;
          width: 100%;
          padding: 5px 3px;
          border-radius: 5px;
          border: 1px solid #666;
          cursor: pointer;
          -webkit-animation: twinkling-4937059c 1s ease-in-out 1;
          animation: twinkling-4937059c 1s ease-in-out 1;
        }
        .el-col {
          margin-bottom: 8px;
        }
        .el-col-3 {
          width: 12.5%;
        }
        .m-btn-label {
          text-align: right;
          padding-right: 5px;
          font-size: 14px;
        }
        .el-col-10 {
          width: 41.66667%;
        }
        .el-col-11 {
          width: 45.83333%;
        }
      }
      .el-row {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
    }
    .motor-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      img {
        border: 0;
      }
    }
  }
  .el-col-12 {
    width: 50%;
  }

  .el-col-4 {
    width: 16.66667%;
  }
}
</style>
